
<div class="row ">
  <div class="col-xs-12 ">
    <div id="carousel-generic" class="carousel slide border-bottom block-shadow" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#carousel-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-generic" data-slide-to="1"></li>
        <li data-target="#carousel-generic" data-slide-to="2"></li>
        <li data-target="#carousel-generic" data-slide-to="3"></li>
      </ol>

      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <a href="#/sec"><img src="img/top1.jpg" alt="苍茫"></a>
          <div class="carousel-caption">
            苍茫
          </div>
        </div>
        <div class="item">
          <img src="img/top2.jpg" alt="相互">
          <div class="carousel-caption">
            相互
          </div>
        </div>
        <div class="item">
          <img src="img/top3.jpg" alt="散落">
          <div class="carousel-caption">
            散落
          </div>
        </div>
        <div class="item">
          <img src="img/top4.jpg" alt="凝视">
          <div class="carousel-caption">
            凝视
          </div>
        </div>
      </div>

      <!-- Controls -->
      <a class="left carousel-control" href="#carousel-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#carousel-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
  </div>
</div> <!-- end row of case show -->

<div class="row " style="margin-top: 10px;">
  <div class="col-xs-8">

    <div class="col-xs-6 topgrey-background" style="padding-top: 10px;">
      <div class="block block-light block-center block-shadow border-allthick">
        <h4 class="heading-primary"> 安全保证 </h4>
        <img class="img-thumbnail" src="img/device-imac.jpg">
        <p> 充分搞定很好的安全保证。</p>
      </div>
    </div>

    <div class="col-xs-6 topgrey-background"  style="padding-top: 10px;">
      <div class="block block-light block-center block-shadow border-allthick">
        <h4 class="heading-primary"> 数据案例 </h4>
        <img class="img-thumbnail" src="img/device-imac.jpg">
        <p> 很多数据支持的案例列表</p>
      </div>
    </div>


    <div class="col-xs-12" style="background-color: white; height:5px;"> &nbsp; </div>

    <div class="col-xs-4 topgrey-background"  style="padding-top: 10px;">
      <div class="block block-light border-allthick block-center block-shadow">
        <img src="img/headshot1.jpg" style="width:150px;height:120px;margin-bottom: 15px;"
             class="pull-left img-circle img-responsive">

        <p> 上海大学博士生导师</p>
        <p> xxx</p>
      </div>
    </div>

    <div class="col-xs-4 topgrey-background"  style="padding-top: 10px;">
      <div class="block block-light border-allthick block-center block-shadow">
        <img src="img/headshot2.jpg" style="width:150px;height:120px;margin-bottom: 15px;"
             class="pull-left img-circle img-responsive">

        <p> 上海大学博士生导师</p>
        <p> xxx</p>
      </div>
    </div>

    <div class="col-xs-4 topgrey-background"  style="padding-top: 10px;">
      <div class="block block-light border-allthick block-center block-shadow">
        <img src="img/headshot3.jpg" style="width:150px;height:120px;margin-bottom: 15px;"
             class="pull-left img-circle img-responsive">

        <p> 上海大学博士生导师</p>
        <p> xxx</p>
      </div>
    </div>

  </div>
  <div class="col-xs-4" style="padding-top:8px;">
    <div class="tab tab-primary border-all block-shadow" role="tabpanel" style="min-height: 190px;">
      <ul id="myTab" class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active" ><a href="#home" id="home-tab" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true">公司新闻</a></li>
        <li role="presentation"  ><a href="#profile" role="tab" id="profile-tab" data-toggle="tab" aria-controls="profile">行业动态</a></li>
        <li role="presentation"  ><a href="#contact" role="tab" id="contact-tab" data-toggle="tab" aria-controls="contact">联系方式</a></li>

      </ul>
      <div id="myTabContent" class="tab-content" style="padding: 20px;border-top:1px solid lightgrey;">
        <div role="tabpanel" class="tab-pane fade in active" id="home" aria-labelledby="home-tab">
          <ul class="list list-feature" style="padding-top: -5px; font-size: 85%; line-height: 1.5em;">
            <li style="height:26px;"> <i class="glyphicon glyphicon-ok primary-color"></i> <span> 【应用1】text.111. </span> </li>
            <li style="height:26px;"> <i class="glyphicon glyphicon-ok primary-color"></i> <span> 【应用1】text.311. </span> </li>
            <li style="height:26px;"> <i class="glyphicon glyphicon-ok primary-color"></i> <span> 【应用1】text.222. </span> </li>
            <li style="height:26px;"> <i class="glyphicon glyphicon-ok primary-color"></i> <span> 【应用1】text.333. </span> </li>
          </ul>

        </div>
        <div role="tabpanel" class="tab-pane fade" id="profile" aria-labelledby="profile-tab">
          <p>  学院全体技术人员提供技术支持 </p>
        </div>

        <div role="tabpanel" class="tab-pane fade" id="contact" aria-labelledby="profile-tab">
          <p>  400-12345 </p>
        </div>
      </div>
    </div>
    <br>
    <div class="block block-primary-head no-pad border-allthick block-shadow block-light">
      <h5><i class="glyphicon glyphicon-play-circle color-primary"> </i> 功能演示 </h5>
      <div class="block-content">
        <iframe width="272" height="172" src="http://www.tudou.com/programs/view/html5embed.action?type=0&code=3HGtLUN0A_s&lcode=&resourceId=0_06_05_99"></iframe>
      </div>
    </div>        
  </div>
</div>



<div class="row">
    <img data-src="holder.js/200x200/text:hello world">   
</div>
<div ui-view></div>